import Vue from 'vue'
import VueRouter from 'vue-router'
import RedView from '../view/redView.vue'
import BlueView from '../view/blueView.vue'
import YellowView from '../view/yellowView.vue'
import GreenView from '../view/greenView.vue'
import BlackView from '../view/blackView.vue'

Vue.use(VueRouter)


const routes = [{
        path: '/',
        name: 'RedView',
        component: RedView,

    },
    {
        path: '/blue',
        name: 'BlueView',
        component: BlueView,

    },
    {
        path: '/yellow',
        name: 'YellowView',
        component: YellowView,

    },
    {
        path: '/green',
        name: 'GreenView',
        component: GreenView,

    },
    {
        path: '/black',
        name: 'BlackView',
        component: BlackView,

    }

]

const router = new VueRouter({
    mode: 'hash',
    routes
})
export default router